import {FC,Fragment, useState } from 'react'
import Forward from './components/forwardRef'
import Imperative from './components/ImperativeHandle'
import Container from './components/Todolist'
import UseContextCom from './components/useContext'
import UseEffectBase from './components/useEffect/基本使用'
import Effect2th from './components/useEffect/第二个参数'
import UseMemoCom from './components/useMemo'
import UseRefCom from './components/useRef'
import UseStateCom from './components/useState'
import UseCustomHook from './components/使用自定义hook'

const App:FC<any> = ()=> {
  let [flag,setFlag] = useState<boolean>(true)
  return (
    <Fragment>
        {/* <UseStateCom />
        { flag ? < UseEffectBase /> : null}
        <button onClick={()=>{
          setFlag(!flag)
        }} >点击加载/卸载组件</button> */}

        {/* <Effect2th /> */}

        {/* <UseCustomHook /> */}
        {/* <UseRefCom /> */}
        {/* <Forward /> */}
        {/* <Imperative /> */}
        {/* <UseMemoCom /> */}
        {/* <UseContextCom /> */}
        <Container />
    </Fragment>
  )
}

export default App